<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<script>
	jQuery(document).ready(function() {
		jQuery("#formID").validationEngine();
		$("#dateNaissance").datepicker({ dateFormat: 'yy-mm-dd' });
		$("#ville").hide();
		$("#pays").change(function() {
		    if($(this).find("option:selected").text()== "Tunisie"){
		    	$("#ville").show();
		    }else{
		    	$("#ville").hide();
		    }
		});
	});
	
	$('#pays').change(function(){
        alert($('#pays option:selected').text());
   });
</script>
	<form:form id="formID" action="newclient" method="post"
		 modelAttribute="client">
		<fieldset>
			<h3>Vos informations personnelles</h3>
			
			
				<label>CIN</label>
				<form:input type="text" id="customer_firstname"
					path="cin" value="" class="validate[required,custom[integer],minSize[8]]"/>
				<sup>*</sup>
			
			
				<label for="customer_firstname">Pr&eacute;nom</label>
				<form:input type="text" id="customer_firstname"
					path="prenom" value="" class="validate[required]"/>
				<sup>*</sup>
			
				<label for="customer_lastname">Nom</label>
				<form:input type="text" id="customer_lastname"
					path="nom" value="" class="validate[required]"/>
				<sup>*</sup>
			
			
				<label for="email">E-mail</label>
				<form:input type="text" id="email" path="email"
					value="" class="validate[required,custom[email]]"/>
				<sup>*</sup>
			
			
				<label for="passwd">Mot de passe</label>
				<form:input type="password" path="motDePasse"
					id="passwd" class="validate[required]"/>
				<sup>*</sup> <span class="form_info">(5 caract&egrave;res
					min.)</span>
			
			<label>Date de Naissance : <form:errors path="dateNaissance"
				cssClass="error" /> </label>
		<form:input id="dateNaissance" type="text" size="33" path="dateNaissance" value="" class="validate[required]"/>

		</fieldset>
		<fieldset class="account_creation">
				<label for="company">Soci&eacute;t&eacute;</label>
				<form:input type="text" id="company" path="societe"
					value="" class="validate[required]"/>
			
			
				<label for="phone">T&eacute;l&eacute;phone</label>
				<form:input type="text" path="telephone" id="phone"
					value="" class="validate[required,custom[integer],minSize[8]]"/>
			
				<label for="address1">Adresse</label>
				<form:input type="text" path="adresse" id="address"
					value="" class="validate[required]"/>
				<sup>*</sup>
			
				<label for="address2">Adresse (2)</label>
				<form:input type="text" path="adresse2" id="address2"
					value="" class="validate[required]"/>
			
				<label for="postcode">Code postal</label>
				<form:input type="text" path="codePostal" id="postcode"
					value="" class="validate[required]"/>
				<sup>*</sup>
			
				<label for="city">Ville</label>
				<form:input type="text" path="ville" id="city" value="" class="validate[required]"/>
				<sup>*</sup>
			
			<p class="required select">
				<label for="id_country">Pays</label> <select name="pays"
					id="pays">
					<option value="">-</option>
					<option value="231">Afghanistan</option>
					<option value="30">Afrique du Sud</option>
					<option value="244">&Aring;land, &Icirc;les</option>
					<option value="230">Albanie</option>
					<option value="38">Alg&eacute;rie</option>
					<option value="1">Allemagne</option>
					<option value="40">Andorre</option>
					<option value="41">Angola</option>
					<option value="42">Anguilla</option>
					<option value="232">Antarctique</option>
					<option value="43">Antigua et Barbuda</option>
					<option value="157">Antilles N&eacute;erlandaises</option>
					<option value="188">Arabie Saoudite</option>
					<option value="44">Argentine</option>
					<option value="45">Arm&eacute;nie</option>
					<option value="46">Aruba</option>
					<option value="24">Australie</option>
					<option value="2">Autriche</option>
					<option value="47">Azerba&iuml;djan</option>
					<option value="48">Bahamas</option>
					<option value="49">Bahre&iuml;n</option>
					<option value="50">Bangladesh</option>
					<option value="51">Barbade</option>
					<option value="52">B&eacute;larus</option>
					<option value="3">Belgique</option>
					<option value="53">Belize</option>
					<option value="54">B&eacute;nin</option>
					<option value="55">Bermudes</option>
					<option value="56">Bhoutan</option>
					<option value="34">Bolivie</option>
					<option value="233">Bosnie-Herz&eacute;govine</option>
					<option value="57">Botswana</option>
					<option value="234">Bouvet, &Icirc;le</option>
					<option value="58">Br&eacute;sil</option>
					<option value="59">Brun&eacute;i Darussalam</option>
					<option value="236">Bulgarie</option>
					<option value="60">Burkina Faso</option>
					<option value="61">Burma (Myanmar)</option>
					<option value="62">Burundi</option>
					<option value="237">Ca&iuml;mans, &Icirc;les</option>
					<option value="63">Cambodge</option>
					<option value="64">Cameroun</option>
					<option value="4">Canada</option>
					<option value="65">Cap-Vert</option>
					<option value="66">Centrafricaine, R&eacute;publique</option>
					<option value="68">Chili</option>
					<option value="5">Chine</option>
					<option value="238">Christmas, &Icirc;le</option>
					<option value="76">Chypre</option>
					<option value="239">Cocos (Keeling), &Icirc;les</option>
					<option value="69">Colombie</option>
					<option value="70">Comores</option>
					<option value="72">Congo, R&eacute;p.</option>
					<option value="71">Congo, R&eacute;p. D&eacute;m.</option>
					<option value="240">Cook, &Icirc;les</option>
					<option value="28">Cor&eacute;e du Sud</option>
					<option value="121">Cor&eacute;e, R&eacute;p. Populaire
						D&eacute;m. de</option>
					<option value="73">Costa Rica</option>
					<option value="32">C&ocirc;te d&#039;Ivoire</option>
					<option value="74">Croatie</option>
					<option value="75">Cuba</option>
					<option value="20">Danemark</option>
					<option value="77">Djibouti</option>
					<option value="78">Dominica</option>
					<option value="82">&Eacute;gypte</option>
					<option value="26">Eire</option>
					<option value="83">El Salvador</option>
					<option value="217">&Eacute;mirats Arabes Unis</option>
					<option value="81">&Eacute;quateur</option>
					<option value="85">&Eacute;rythr&eacute;e</option>
					<option value="6">Espagne</option>
					<option value="86">Estonie</option>
					<option value="87">&Eacute;thiopie</option>
					<option value="88">Falkland, &Icirc;les</option>
					<option value="89">F&eacute;ro&eacute;, &Icirc;les</option>
					<option value="90">Fidji</option>
					<option value="7">Finlande</option>
					<option value="8" selected="selected">France</option>
					<option value="91">Gabon</option>
					<option value="92">Gambie</option>
					<option value="93">G&eacute;orgie</option>
					<option value="196">G&eacute;orgie du Sud et les
						&Icirc;les Sandwich du Sud</option>
					<option value="94">Ghana</option>
					<option value="97">Gibraltar</option>
					<option value="9">Gr&egrave;ce</option>
					<option value="95">Grenade</option>
					<option value="96">Groenland</option>
					<option value="98">Guadeloupe</option>
					<option value="99">Guam</option>
					<option value="100">Guatemala</option>
					<option value="101">Guernesey</option>
					<option value="102">Guin&eacute;e</option>
					<option value="84">Guin&eacute;e &Eacute;quatoriale</option>
					<option value="103">Guin&eacute;e-Bissau</option>
					<option value="104">Guyana</option>
					<option value="241">Guyane Fran&ccedil;aise</option>
					<option value="105">Ha&icirc;ti</option>
					<option value="106">Heard, &Icirc;le et Mcdonald,
						&Icirc;les</option>
					<option value="108">Honduras</option>
					<option value="22">Hong-Kong</option>
					<option value="143">Hongrie</option>
					<option value="114">&Icirc;le de Man</option>
					<option value="35">Ile Maurice</option>
					<option value="223">&Icirc;les Vierges Britanniques</option>
					<option value="224">&Icirc;les Vierges des
						&Eacute;tats-Unis</option>
					<option value="110">Indie</option>
					<option value="111">Indon&eacute;sie</option>
					<option value="112">Iran</option>
					<option value="113">Iraq</option>
					<option value="109">Islande</option>
					<option value="29">Isra&euml;l</option>
					<option value="10">Italie</option>
					<option value="115">Jamaique</option>
					<option value="11">Japon</option>
					<option value="116">Jersey</option>
					<option value="117">Jordanie</option>
					<option value="118">Kazakhstan</option>
					<option value="119">Kenya</option>
					<option value="123">Kirghizistan</option>
					<option value="120">Kiribati</option>
					<option value="122">Kowe&iuml;t</option>
					<option value="124">Laos</option>
					<option value="127">Lesotho</option>
					<option value="125">Lettonie</option>
					<option value="126">Liban</option>
					<option value="128">Lib&eacute;ria</option>
					<option value="129">Libyenne, Jamahiriya Arabe</option>
					<option value="130">Liechtenstein</option>
					<option value="131">Lituanie</option>
					<option value="12">Luxembourg</option>
					<option value="132">Macao</option>
					<option value="133">Mac&eacute;doine</option>
					<option value="134">Madagascar</option>
					<option value="136">Malaisie</option>
					<option value="135">Malawi</option>
					<option value="137">Maldives</option>
					<option value="138">Mali</option>
					<option value="139">Malte</option>
					<option value="163">Mariannes du Nord, &Icirc;les</option>
					<option value="152">Maroc</option>
					<option value="140">Marshall, &Icirc;les</option>
					<option value="141">Martinique</option>
					<option value="142">Mauritanie</option>
					<option value="144">Mayotte</option>
					<option value="145">Mexique</option>
					<option value="146">Micron&eacute;sie</option>
					<option value="147">Moldova</option>
					<option value="148">Monaco</option>
					<option value="149">Mongolie</option>
					<option value="150">Mont&eacute;n&eacute;gro</option>
					<option value="151">Montserrat</option>
					<option value="153">Mozambique</option>
					<option value="154">Namibie</option>
					<option value="155">Nauru</option>
					<option value="156">N&eacute;pal</option>
					<option value="159">Nicaragua</option>
					<option value="160">Niger</option>
					<option value="31">Nigeria</option>
					<option value="161">Niu&eacute;</option>
					<option value="162">Norfolk, &Icirc;le</option>
					<option value="23">Norv&egrave;ge</option>
					<option value="158">Nouvelle-Cal&eacute;donie</option>
					<option value="27">Nouvelle-Z&eacute;lande</option>
					<option value="235">Oc&eacute;an Indien, Territoire
						Britannique de L&#039;</option>
					<option value="164">Oman</option>
					<option value="215">Ouganda</option>
					<option value="219">Ouzb&eacute;kistan</option>
					<option value="165">Pakistan</option>
					<option value="166">Palaos</option>
					<option value="167">Palestinien Occup&eacute;, Territoire</option>
					<option value="168">Panama</option>
					<option value="169">Papouasie-Nouvelle-Guin&eacute;e</option>
					<option value="170">Paraguay</option>
					<option value="13">Pays-bas</option>
					<option value="171">P&eacute;rou</option>
					<option value="172">Philippines</option>
					<option value="173">Pitcairn</option>
					<option value="14">Pologne</option>
					<option value="242">Polyn&eacute;sie Fran&ccedil;aise</option>
					<option value="174">Porto Rico</option>
					<option value="15">Portugal</option>
					<option value="175">Qatar</option>
					<option value="79">R&eacute;publique Dominicaine</option>
					<option value="16">R&eacute;publique Tch&egrave;que</option>
					<option value="176">R&eacute;union</option>
					<option value="36">Roumanie</option>
					<option value="17">Royaume-Uni</option>
					<option value="177">Russie, F&eacute;d&eacute;ration de</option>
					<option value="178">Rwanda</option>
					<option value="226">Sahara Occidental</option>
					<option value="179">Saint-Barth&eacute;lemy</option>
					<option value="180">Saint-Kitts-et-Nevis</option>
					<option value="186">Saint-Marin</option>
					<option value="182">Saint-Martin</option>
					<option value="183">Saint-Pierre-et-Miquelon</option>
					<option value="107">Saint-Siege (&Eacute;tat de la
						Cit&eacute; du Vatican)</option>
					<option value="184">Saint-Vincent-et-Les Grenadines</option>
					<option value="181">Sainte-Lucie</option>
					<option value="194">Salomon, &Icirc;les</option>
					<option value="185">Samoa</option>
					<option value="39">Samoa Am&eacute;ricaines</option>
					<option value="187">Sao Tom&eacute;-et-Principe</option>
					<option value="189">S&eacute;n&eacute;gal</option>
					<option value="190">Serbie</option>
					<option value="191">Seychelles</option>
					<option value="192">Sierra Leone</option>
					<option value="25">Singapour</option>
					<option value="37">Slovaquie</option>
					<option value="193">Slov&eacute;nie</option>
					<option value="195">Somalie</option>
					<option value="198">Soudan</option>
					<option value="197">Sri Lanka</option>
					<option value="18">Su&egrave;de</option>
					<option value="19">Suisse</option>
					<option value="199">Suriname</option>
					<option value="200">Svalbard et &Icirc;le Jan Mayen</option>
					<option value="201">Swaziland</option>
					<option value="202">Syrienne</option>
					<option value="204">Tadjikistan</option>
					<option value="203">Ta&iuml;wan</option>
					<option value="205">Tanzanie</option>
					<option value="67">Tchad</option>
					<option value="243">Terres Australes Fran&ccedil;aises</option>
					<option value="206">Tha&iuml;lande</option>
					<option value="80">Timor oriental</option>
					<option value="33">Togo</option>
					<option value="207">Tokelau</option>
					<option value="208">Tonga</option>
					<option value="209">Trinit&eacute;-et-Tobago</option>
					<option value="210">Tunisie</option>
					<option value="212">Turkm&eacute;nistan</option>
					<option value="213">Turks et Caiques, &Icirc;les</option>
					<option value="211">Turquie</option>
					<option value="214">Tuvalu</option>
					<option value="216">Ukraine</option>
					<option value="218">Uruguay</option>
					<option value="21">USA</option>
					<option value="220">Vanuatu</option>
					<option value="221">Venezuela</option>
					<option value="222">Vietnam</option>
					<option value="225">Wallis et Futuna</option>
					<option value="227">Y&eacute;men</option>
					<option value="228">Zambie</option>
					<option value="229">Zimbabwe</option>
				</select> <sup>*</sup>
			</p>
			<p class="required id_state select" id="ville">
				<label for="id_state">Etat</label> <select name="ville"
					>
					<option>-</option>
					<option>Tunis</option>
					<option>Ariana</option>
					<option>Ben Arous</option>
					<option>Bizerte</option>
					<option>Nabel</option>
					<option>Sfax</option>
					<option>Sousse</option>
					<option>Gafsa</option>
					<option>Tozeur</option>
					<option>Tataouin</option>
					<option>Gabes</option>
					<option>Kebili</option>
					<option>Beja</option>
					<option>Monastir</option>
					<option>Kassrine</option>
					<option>Zaghouane</option>
					<option>Kef</option>
					<option>Siliana</option>
					<option>Zambie</option>
					<option>Zimbabwe</option>
				</select> <sup>*</sup>
			</p>
			<p class="textarea">

				<label for="other">Informations compl&eacute;mentaires</label>
				<textarea name="other" id="other" cols="26" rows="3"></textarea>

			</p>
		 <span><sup>*</sup>Champs requis</span>
		</fieldset>
		<center>
			<p class="cart_navigation required submit">
				<input type="submit" name="submitAccount" id="submitAccount"
					value="S&#039;inscrire" class="exclusive" />
			</p>
		</center>
	</form:form>
